﻿@model IEnumerable<Classified.Domain.Entities.ClassifiedPicture>
<script type="text/javascript" src="/Content/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="/Content/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="/Content/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

<script type="text/javascript">
    $(document).ready(function () {


        $("a[rel=example_group]").fancybox({
            'transitionIn': 'none',
            'transitionOut': 'none',
            'titlePosition': 'over',
            'titleFormat': function (title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
            }
        });


    });
</script>


@if(Model.Count() > 1)
{
   <ul class="thumbnails">
        
        @foreach (var item in Model)
        {
            <li class="span1">
       
                <a class="thumbnail" rel="example_group" href="/Content/classified/@item.ImageGuid" title="@item.ImageName"><img alt="" src="/Images/90/50/classified/@item.ImageGuid" width="90px;" height="50px;"/></a>
              
            </li>
        }
    </ul>
}


